<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/dianzi.css">
    <link rel="stylesheet" href="./css/dianzi_lei.css">
    <link rel="stylesheet" href="./css/dianzi_between.css">
</head>
<body> 
    <div id="header">
        <div class="books"><a href="./book.html">图书</a></div>
        <div class="fs"><a href="./cothes.html">服饰</a></div>
        <div class="dz"><a class="on">电子</a></div>
    </div>
    <div id="search">
        <div class="se"><input type="text" placeholder="搜索分类、品牌、型号"></div>
        <div class="fl"><img src="./images/fenlei.png" ><a><span>分类</span></a></div>
    </div>
    <div class="lei">
        <a>全部</a>
        <a>手机</a>
        <a>平板</a>
        <a>电纸书</a>
        <a>耳机</a>
        <a>游戏机和卡带</a>
    </div>
    <div class="between">
        <div class="listbox">
            <img src="./images/dian1.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>
        <div class="listbox">
            <img src="./images/dian2.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>
        <div class="listbox">
            <img src="./images/dian3.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>
        <div class="listbox">
            <img src="./images/dian4.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>  
        <div class="listbox">
            <img src="./images/dian5.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>  
        <div class="listbox">
            <img src="./images/dian1.webp">
            <div class="time"><span>最近24小时上市</span></div>
            <div class="obj"><span>亚马逊 PaperWhite 4 电纸书 8GB 墨黑</span></div>
            <div class="price">
                ￥448 <span>品相良好</span>
            </div>
        </div>
    </div>

    <div id="footer">
        <div class="sy1"><img src="./images/sy.png" ><a class="on"><span>首页</span></a></div>
        <div class="buy1" onclick="toBuy()"><img src="./images/sale.png" ><a href="./sell_things.html"><span>卖东西</span></a></div>
        <div class="gu1"><img src="./images/cart.png" ><a><span>购物车</span></a></div>
        <div class="wo1" onclick="toMine()"><img src="./images/mine.png" ><a href="./personal.html"><span>我的</span></a></div>
    </div>
    <script>
        function toBuy(){
            localStorage.backhtml = './dianzi.html'
            location.href = './sell_things.html'
        }
        function toMine(){
            localStorage.backhtml = './dianzi.html'
            location.href = './personal.html'

        }
    </script>
</body>
</html>